.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.more_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制在一个块元素显示的文本的行数*/
    -webkit-line-clamp: 6;
    /* 设置或检索伸缩盒对象的子元素的排列方式*/
    -webkit-box-orient: vertical;
}

.mask {
    /* display: none; */
    width: 100%;
    height: 100%;
    position: fixed;
    top: 164px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 8;
}

.masksearch {
    z-index: 9;
    background: transparent;
}

.main {
    display: none;
}

.mainbody {
    /* position: relative; */
    width: 1400px;
    /* height: 10000px; */
    margin: 0 auto;
}

.fixbox {
    position: relative;
    position: fixed;
    width: 100%;
    height: 81px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    z-index: 6;
}

.nav {
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1400px;
    height: 80px;
    background-color: #fff;
    z-index: 6;
}

.nav-l {
    cursor: pointer;
}

.nav-l img {
    height: 32px;
}

.navbox {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 327px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #717171;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 40px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s;
}

.navbox:hover {
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%), 0 5px 14px rgba(0, 0, 0, 0.05);
}

.navbox>span,
.search-m>span {
    flex: 0 0 1px;
    height: 24px;
    width: 1px;
    background-color: #ddd;
}

.navbox-1 {
    padding: 0 15px;
    font-weight: 700;
    color: #000;
}

.nav-r-2-svg2 {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.nav-r-2-svg2 img {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.navbox .navbox-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbox .navbox-3 span {
    padding-right: 15px;
}

.navbox .navbox-3 div {
    width: 32px;
    height: 32px;
    padding: 10px;
    margin: 7px 0 7px 7px;
    border-radius: 16px;
    background-color: #ff385c;
}

.navbox .navbox-3 div svg {
    color: #fff;
}

.navbox1 {
    display: flex;
    justify-content: space-around;
}

.navbox1 div {
    margin: 0 10px;
    padding: 8px 0;
    font-size: 16px;
    color: #222;
}

.navbox1-l {
    border-bottom: 2px solid #000;
}

.add_fangyuan {
    height: 42px;
    line-height: 42px;
    margin-right: 15px;
    float: right;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    cursor: pointer;
}

.nav-r-2 {
    float: right;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 77px;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 21px;
    transition: box-shadow 0.3s;
    cursor: pointer;
}

.nav-r-2-svg1 {
    padding-left: 5px;
}

.nav-r-2:hover {
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%), 0 5px 14px rgba(0, 0, 0, 0.05);
}

.nav-r-1 {
    float: right;
    width: 42px;
    height: 42px;
    padding: 13px;
    margin-right: 5px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.nav-r-1:hover {
    background-color: rgb(242, 242, 242);
}

.nav-r {
    position: relative;
}

.nav_box {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 240px;
    height: 200px;
    padding: 10px 0;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%), 0 5px 14px rgba(0, 0, 0, 0.05);
}

.nav_box a {
    display: block;
    width: 240px;
    height: 45px;
    padding-left: 15px;
    line-height: 45px;
}

.nav_box a:hover {
    background-color: #f7f7f7;
}




/* 搜索 */
.search {
    position: fixed;
    top: 80px;
    /* position: relative; */
    width: 1400px;
    height: 84px;
    padding-top: 9px;
    background-color: #fff;
    z-index: 5;
}

.search-m {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 820px;
    height: 66px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 33px;
}

.search-m>div {
    width: 240px;
    padding-left: 28px;
}

.search-m div p:nth-child(1) {
    font-weight: 700;
    color: #222;
}

.search-m div p:nth-child(2) {
    font-size: 14px;
}

.search-m .search-3 {
    position: relative;
    padding-left: 20px;
}

.search-3 input {
    width: 110px;
    background-color: #fff;
}

.search-3 input::placeholder {
    color: #717171;
}

.search-3 div {
    position: absolute;
    top: -7px;
    right: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 0 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    background: -webkit-linear-gradient(left, #e61e4e, #d70565);
    cursor: pointer;
}

.search-3 div span {
    display: none;
}

.search-3 div svg {
    color: #fff;
    transform: scale(1.3);
}

.search-b {
    position: fixed;
    top: 155px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 820px;
    height: 220px;
    padding: 25px 40px 12px;
    margin: 5px auto;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%), 0 5px 14px rgba(0, 0, 0, 0.05);
    z-index: 30;
}

.search-b-t img {
    width: 16px;
    vertical-align: text-bottom;
}

.search-b-t span {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.search-b-m {
    margin-top: 15px;
    height: 130px;
}

.search-b-m ul li {
    position: relative;
    float: left;
    height: 54px;
    padding: 0 15px;
    margin: 8px 10px 0 0;
    line-height: 53px;
    font-size: 16px;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 12px;
    transition: border 0.3s;
    cursor: pointer;
}

.search-b-m ul li:hover {
    border: 1px solid #000;
}

.search-b-m ul .current {
    border: 1px solid #000;
}

.search-b-m ul li img {
    width: 18px;
    vertical-align: text-bottom;
}

.search_li_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 54px;
    background-color: transparent;
    z-index: 2;
}



/* 底部 */

.footer {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1400px;
    height: 60px;
    border-top: 1px solid #ddd;
    background-color: #fff;
    z-index: 3;
}

.footer-l {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 380px;
    height: 60px;
}

.footer-l span {
    height: 25px;
    padding: 0 7px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.footer-l span:nth-child(3) {
    padding-right: 0;
    padding-top: 3px;
}

.footer-l span:nth-child(4) {
    padding-left: 0;
}

.footer-r {
    text-align: right;
}




/* 主展示模块 */
.main_mid {
    width: 1400px;
    margin: 0 auto;
    padding-top: 115px;
}

.main_mid h2 {
    margin-bottom: 20px;
    font-size: 22px;
    color: #222;
}

.keybody {
    position: relative;
}

.keywords {
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 1400px;
    height: 80px;
    background-color: #fff;
    z-index: 4;
}

.keywords li a span {
    transition: color .3s;
}

.keywords li:hover a span {
    color: #222;
}

.keywords li:hover a {
    border-bottom: 1px solid #222;
}

.keywords_current {
    border-bottom: 1px solid #222 !important;
}

.keywords li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    height: 79px;
    transition: border .5s;
}

.keywords li a span {
    font-weight: 700;
    color: #717171;
}

/* 懒加载模块 */

/* 滚动加载 */
.loader {
    /* css变量 环的宽度 */
    --s: 2px;
    width: calc(16 * var(--s));
    height: calc(16 * var(--s));
    margin-bottom: 100px;
    border-radius: 50%;
    /* 网格布局 */
    display: grid;
    /* 渐变蒙版 */
    -webkit-mask: radial-gradient(50% 50%,
            #0000 calc(99% - 2 * var(--s)),
            #000 calc(100% - 2 * var(--s)));
    /* 执行动画：动画名 时长 线性 循环播放 */
    animation: spin 3s linear infinite;
}

.loader::before {
    content: "";
    /* 圆锥渐变 */
    background: conic-gradient(from 25deg,
            #70a1d7 25%,
            #a1de93 0 50%,
            #f7f48b 0 75%,
            #f47c7c 0);
    /* 渐变蒙版 */
    -webkit-mask: repeating-conic-gradient(#0000 0 25deg, #000 23% 25%),
        radial-gradient(var(--s) at var(--s) 50%, #000 97%, #0000) left/calc(100% - 2 * var(--s)) 100% repeat-x,
        radial-gradient(var(--s) at 50% var(--s), #000 97%, #0000) top/100% calc(100% - 2 * var(--s)) repeat-y;
}

/* 定义动画 */
@keyframes spin {
    to {
        /* 旋转一周 */
        transform: rotate(1turn);
    }
}

.loaderbody {
    float: left;
    width: 1400px;
    height: 100px;
    margin: 0 auto;
}

.loaderbox {
    width: 35px;
    height: 100px;
    margin: 0 auto;
}

.lazybox {
    padding-top: 100px;
}

.lazyitem {
    position: relative;
    float: left;
    width: 335px;
    height: 500px;
    margin-right: 20px;
}

.lazyitem .lazymask {
    position: absolute;
    top: 0;
    left: 0;
    width: 335px;
    height: 500px;
    background-color: transparent;
    z-index: 2;
}

.lazyitem:nth-child(4n) {
    margin-right: 0;
}

.lazyimg {
    position: relative;
    width: 335px;
    height: 335px;
    border-radius: 10px;
    background-image: url(http://dummyimage.com/400x400);
    background-size: 335px 335px;
}

.lazyimg svg {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    cursor: pointer;
}

.lazy_bot {
    position: relative;
    height: 75px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.lazy_bot>div {
    padding: 2px 0;
}

.lazy_bot .title {
    width: 250px;
    font-size: 14px;
}

.lazy_bot .star {
    position: absolute;
    top: 0;
    right: 0;
}

.lazy_bot .star span {
    float: left;
    line-height: 16px;
    padding: 3px;
}

.lazy_bot .star span:nth-child(1) {
    padding-top: 5px;
}

.lazy_bot .star span svg {
    transform: scale(1.3);
}




/* 模糊搜索 */
.searchthing {
    position: relative;
    padding-top: 115px;
    font-weight: 700;
    color: #222;
}

.searchthing h2 {
    height: 66px;
    font-size: 26px;
}

.searchthing button {
    position: absolute;
    top: 120px;
    right: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    background-color: #fff;
}

.fuzzybox {
    width: 850px;
    height: 202px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    transition: box-shadow 0.3s;
}

.fuzzybox:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.fuzzybox_l {
    position: relative;
    float: left;
    width: 300px;
    height: 200px;
    background-image: url(https://z1.muscache.cn/im/pictures/00d4074f-f66e-4bef-906c-53eab5047970.jpg?aki_policy=large);
    background-size: 300px 200px;
    border-radius: 5px;
}

.fuzzybox_l svg {
    position: absolute;
    top: 15px;
    right: 15px;
}

.fuzzybox_m {
    float: left;
    width: 350px;
    height: 200px;
    padding: 20px;
}

.fuzzybox_m .title {
    width: 200px;
    color: #767676;
}

.fuzzybox_m .introduce {
    width: 300px;
    margin-bottom: 15px;
    font-size: 16px;
}

.labels {
    width: 350px;
}

.labels .smalllab {
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px 10px;
    border-radius: 15px;
    background-color: #ebebeb;
}

.fuzzybox_r {
    float: left;
    width: 158px;
    height: 160px;
    margin: 20px;
    border-left: 1px solid #ebebeb;
    text-align: right;
}

.fuzzybox_r>div:nth-child(1) {
    font-size: 18px;
}




/* 房源详情页 */
.details .mainbody {
    position: relative;
}

.details_pad {
    height: 80px;
}

.collect_button {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    top: 25px;
    right: 22px;
    /* width: 98px; */
    height: 34px;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    border: 1px solid #222;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    z-index: 2;
}

.detail_pic {
    width: 1400px;
    height: 444px;
    /* margin-top: 80px; */
    border: 1px solid #222;
}

.detail_pic_1 {
    float: left;
    width: 349.5px;
    height: 221px;
    border: 1px solid #222;
    overflow: hidden;
}

.detail_pic_1 img {
    width: 348px;
    height: 219px;
    filter: blur(25px);
    transition: transform 0.5s;
}

.detail_pic_1:nth-child(1) {
    width: 699px;
    height: 442px;
}

.detail_pic_1:nth-child(1) img {
    width: 697px;
    height: 440px;
}

.detail_pic_1 img:hover {
    transform: scale(1.1);
}

.detail_main {
    /* height: 5000px; */
    padding: 50px;
}

.homedetail {
    width: 660px;
    height: 600px;
}

.home_title {
    padding: 6px 0;
    font-size: 32px;
    font-weight: 700;
    color: #484848;
}

.condition {
    height: 30px;
    margin-bottom: 5px;
}

.condition div {
    float: left;
    margin-right: 14px;
}

.condition div span:nth-child(1) {
    font-family: 'icomoon';
    font-size: 14px;
}

.condition div span:nth-child(2) {
    padding: 0 3px;
    font-family: 'icomoon';
    font-size: 16px;
}

.homelabel {
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px 10px;
    border-radius: 15px;
    background-color: #ebebeb;
}

.homelabels {
    height: 70px;
}

.landlord {
    height: 200px;
    padding: 15px 0;
    border-top: 1px solid #ebebeb;
}

.landlord .user {
    height: 64px;
    margin-bottom: 20px;
    color: #484848;
}

.landlord .user .userimg {
    float: left;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    overflow: hidden;
}

.landlord .user .userimg img {
    width: 64px;
    height: 64px;
}

.landlord .user .userthing {
    float: left;
    margin-left: 20px;
    font-weight: 700;
}

.landlord .user .userthing .username {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

.landlord .user .userthing .userevaluate {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

.landlord .homeintroduce {
    position: relative;
}

.landlord .homeintroduce div:nth-child(1) {
    position: absolute;
    top: -20px;
    left: 22px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    /* 为了照顾兼容性 */
    border: 10px solid transparent;
    border-bottom-color: #F8F8F8;
}

.landlord .homeintroduce {
    padding: 30px 15px;
    background-color: #F8F8F8;
    border-radius: 5px;
    font-size: 16px;
    color: #484848;
}


/* 订单 */
.order {
    position: absolute;
    top: 600px;
    right: 270px;
    width: 376px;
    height: 360px;
    padding: 20px 24px;
    font-weight: 700;
    color: #484848;
    border: 1px solid rgb(228, 228, 228);
}

.order_price {
    height: 70px;
    border-bottom: 1px solid rgb(228, 228, 228);
}

.order_money {
    font-size: 22px;
}

.order_money span:nth-child(2) {
    font-size: 12px;
}

.orderstar>span {
    float: left;
}

.orderstar .orderstars {
    width: 50px;
    margin-top: 10px;
    background-repeat: space no-repeat !important;
    display: block !important;
    background-size: 9px 9px !important;
    height: 10px !important;
    background-image: url(../picture/star.svg) !important;
}

.orderstar>span:nth-child(2) {
    margin-top: 6px;
    padding-left: 3px;
}

.orderform {
    position: relative;
    height: 190px;
    padding-top: 20px;
}

.orderday {
    position: relative;
    height: 64px;
    margin-bottom: 15px;
}

.orderlong {
    background-color: rgb(255, 255, 255) !important;
    display: table !important;
    table-layout: fixed !important;
    border: 1px solid rgb(235, 235, 235) !important;
    border-radius: 2px !important;
    width: 100% !important;
    height: 42px;
}

.order_day>div {
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}



.check_in,
.order_day>div:nth-child(3) {
    position: relative;
    width: 150px;
    padding: 9px 8px;
}

.check_in_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 42px;
    background-color: transparent;
    z-index: 5;
}

.check_out_mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 42px;
    background-color: transparent;
    z-index: 5;
}

.check_in_box,
.check_out_box {
    width: 134px;
    height: 26px;
    line-height: 26px;
}

.check_in_box,
.check_out_box {
    width: 134px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    /* background: rgb(153, 237, 230);
    border-color: rgb(153, 237, 230); */
    border-radius: 3px;
    color: #787878;
}

.order_day>div:nth-child(2) {
    width: 24px;
}

.order_peo {
    padding: 0 10px;
    cursor: pointer;
}

.order_peo>div:nth-child(1) {
    width: 162px;
    padding: 5px 0px;
    float: left;
    font-size: 16px;
    font-weight: normal;
}

.order_peo_num {
    display: flex;
    width: 160px;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    /* background: rgb(153, 237, 230);
    border-color: rgb(153, 237, 230); */
    border-radius: 3px;
    color: #222;
}

.adults {
    width: 45px;
    text-align: center;
    border-radius: 3px;
}

.babys {
    width: 85px;
}

.order_peo>div:nth-child(2) {
    padding: 15px 10px 0 0;
}

.order_peo>div:nth-child(2) svg {
    float: right;
}

.orderbutton {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #ff5a5f;
    cursor: pointer;
}

.date_selector {
    position: relative;
    position: absolute;
    top: 90px;
    left: 0;
    width: 326px;
    /* height: 303px; */
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    z-index: 5;
}

.date_left,
.date_right {
    position: absolute;
    top: 14.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 33px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.date_left svg,
.date_right svg {
    width: 19px;
    height: 19px;
    fill: rgb(130, 136, 138);
}

.date_left {
    left: 20px;
}

.date_right {
    right: 20px;
}

.date_t {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #484848;
}

.date_week ul li {
    float: left;
    width: 41px;
    line-height: 20px;
    text-align: center;
    color: #757575;
}

.calendar {
    position: relative;
}

.calendar-body {
    padding: 8px;
    margin-bottom: 30px;
}

.weekdays {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.weekdays span {
    width: 32px;
    text-align: center;
    font-weight: 700;
    color: #888;
}

.days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    ;
    grid-gap: 0;
    margin-left: 0;
    margin-right: 0;

}

.days button {
    width: 40px;
    height: 40px;
    margin: 0 0 -1px 0;
    border: 1px solid rgb(228, 231, 231);
    background-color: #fff;
    font-weight: 700;
    color: #222;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.date-day:hover {
    background-color: #f1f1f1;
}

.date-day_1:hover {
    background-color: #f1f1f1 !important;
}

.date-day {
    border: 1px solid rgb(228, 231, 231) !important;
}

/* .date_table {
    width: 288px;
    height: 201px;
    margin-bottom: 30px;
}

.date_table {
    border-collapse: collapse !important;
}

.date_table tbody tr td {
    width: 41px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px double rgb(228, 231, 231);
    color: #222;
    background: rgb(255, 255, 255);
    cursor: pointer;
}

.check_hover:hover {
    background: #e4e7e7 !important;
}

.check_hover_1:hover {
    background: #00a699 !important;
}

.date_table tbody tr:nth-child(1) td:nth-child(1),
.date_table tbody tr:nth-child(5) td:nth-child(5),
.date_table tbody tr:nth-child(5) td:nth-child(6),
.date_table tbody tr:nth-child(5) td:nth-child(7) {
    border: 0;
} */

.renshubox {
    position: relative;
    height: 260px;
    border: 1px solid #ddd;
    border-top: 2px solid #007c81;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
}

.w_renshubox {
    /* position: relative; */
    display: none;
    z-index: 15;
    position: absolute;
    top: 45px;
    left: 0;
    width: 410px;
    height: 390px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 32px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

.w_renshubox_t {
    width: 330px;
    height: 259px;
    margin: 48px 40px 0;
}

.w_renshubox_t .renshu {
    width: 330px;
    height: 87px;
    padding: 24px 4px 24px;
    font-weight: 700;
    margin: 0;
}

.w_renshubox_t .renshu:nth-child(1),
.w_renshubox_t .renshu:nth-child(2) {
    border-bottom: 1px solid #ddd;
}

.w_renshubox_t .renshu .renshu_l {
    display: block;
    color: #222;
    font-size: 16px;
    text-align: left;
}

.w_renshubox_b {
    display: flex;
    justify-content: space-between;
    height: 80px;
    padding: 16px 40px;
    font-weight: 700;
    border-top: 1px solid #ddd;
}

.w_renshubox_b_l {
    width: 52px;
    height: 40px;
    line-height: 40px;
    color: #222;
    text-decoration: underline;
    cursor: pointer;
}

.w_renshubox_b_r {
    width: 80px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background-color: #222;
    border-radius: 8px;
    cursor: pointer;
}

.renshu {
    display: flex;
    justify-content: space-between;
    height: 50px;
    margin-bottom: 10px;
}

.renshu>div:nth-child(2) {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 15px;
}

.renshu_l {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 80px;
    font-size: 16px;
    color: #484848;
}

.renshu_l>div:nth-child(2) {
    height: 18px;
    font-size: 12px;
    color: #484848;
    font-weight: normal;
}

.max_renshu {
    padding-left: 16px;
    font-size: 14px;
    color: #484848;
    font-weight: normal;
}

.close_renshu {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 16px;
    color: #007c81;
    cursor: pointer;
}

.close_renshu:hover {
    text-decoration: underline;
}

.ren_add {
    width: 32px;
    height: 32px;
    padding: 7px;
    border: 1px solid #008489;
    border-radius: 16px;
    cursor: pointer;
}

.ren_reduce {
    width: 32px;
    height: 32px;
    padding: 7px;
    border: 1px solid #b2dadb;
    border-radius: 16px;
    cursor: pointer;
}

.ren_tenant {
    margin: 0 20px;
}

.clear_button {
    display: none;
    height: 42px;
    text-align: right;
    color: #008489;
    font-size: 14px;
    font-weight: 700;
}




/* 评价 */
.evaluate {
    width: 660px;
    font-size: 16px;
    color: #484848;
    font-weight: 700;
}

.evaluate h3 {
    font-size: 24px;
    color: #484848;
    margin-bottom: 20px;
}

.evaluate_star {
    width: 110px;
    margin-top: 10px;
    background-repeat: space no-repeat !important;
    display: block !important;
    background-size: 21px 16px !important;
    height: 16px !important;
    background-image: url(../picture/star.svg) !important;
}

.evaluates {
    margin-top: 80px;
}

.evaluates_li {
    position: relative;
}

.evaluates_li-t {
    height: 50px;
    margin-top: 25px;
}

.evaluates_li-t>div {
    float: left;
}

.evaluates_li-t>div:nth-child(2) {
    margin-left: 17px;
}

.evaluates_li-t>div:nth-child(2) div {
    height: 24px;
    line-height: 24px;
}

.evaluates_img {
    height: 48px;
    height: 48px;
    border-radius: 24px;
    overflow: hidden;
}

.evaluates_img img {
    width: 48px;
    height: 48px;
}

.evaluates_li-b {
    padding: 15px 0 25px 0;
    border-bottom: 1px solid #ebebeb;
}

.evaluates_stars {
    position: absolute;
    top: 43px;
    left: 0;
    width: 50px;
    margin-top: 10px;
    background-repeat: space no-repeat !important;
    display: block !important;
    background-size: 9px 9px !important;
    height: 10px !important;
    background-image: url(../picture/star.svg) !important;
}

.detailmask {
    position: relative;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #262626;
    z-index: 8;
}

.d_left {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(-50%, 0);
}

.d_right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, 0);
}

.d_banner {
    position: relative;
    width: 1000px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-color: red; */
    overflow: hidden;
}

.d_banner ul {
    position: absolute;
    top: 0;
    left: 0;
}

.d_banner ul li {
    float: left;
}

.d_banner ul li img {
    width: 1000px;
    height: 500px;
}

.d_close {
    position: absolute;
    top: 30px;
    right: 30px;
}





/* 心愿模块 */
.wishmask {
    /* display: none; */
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 20;
}

.wishbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 483px;
    border-radius: 10px;
    background-color: #fff;
    z-index: 21;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.wishbox_t {
    position: relative;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    border-bottom: 1px solid #ebebeb;
}

.w_close {
    position: relative;
    position: absolute;
    top: 20px;
    left: 15px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    transition: background-color .3s;
}

.w_close:hover {
    background-color: #ebebeb;
}

.w_close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.allcheck,
.del_allcheck {
    position: absolute;
    top: 8px;
    right: 20px;
}

.allcheck input,
.del_allcheck input {
    transform: scale(1.3);
}

.wishbox_m {
    height: 343px;
}

.wishbox_b {
    display: flex;
    justify-content: space-between;
    height: 109px;
    padding: 14px 24px;
    border-top: 1px solid #ebebeb;
}

.wishbox_b_box {
    width: 400px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #222;
    border-radius: 5px;
    cursor: pointer;
}

.wishbox_b_com {
    width: 100px;
}

.wishbox_m_body {
    width: 600px;
    padding: 10px 0 10px 40px;
    height: 343px;
    overflow: auto;
}

.wishbox_li {
    position: relative;
    float: left;
    width: 247px;
    height: 290px;
    margin: 0 40px 30px 0;
}

.del_wishbox_li {
    position: relative;
    float: left;
    width: 247px;
    height: 290px;
    margin: 0 20px 30px 0;
}

.wishdetail_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 247px;
    height: 310px;
    background-color: transparent;
    z-index: 2;
}

.del_wishboxmask {
    position: absolute;
    top: 0;
    left: 0;
    width: 247px;
    height: 290px;
    background-color: transparent;
    z-index: 2;
}

.del_wishbox_li .del_wishboxmask {
    position: absolute;
    top: 0;
    left: 0;
    width: 285px;
    height: 340px;
    background-color: transparent;
    z-index: 2;
}

.wishbox_li:nth-child(2n) {
    margin: 0 0 30px 0;
}

.del_wishbox_li:nth-child(4n) {
    margin: 0 0 30px 0;
}

.wish_checkbox,
.del_wish_checkbox {
    position: absolute;
    top: 15px;
    left: -22px;
}

.wish_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 247px;
    height: 290px;
    background-color: transparent;
    z-index: 2;
}

.wishbox_li_t,
.del_wishbox_li_t {
    width: 247px;
    height: 240px;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.wishbox_li_tn,
.del_wishbox_li_tn {
    position: relative;
    width: 237px;
    height: 230px;
    border-radius: 10px;
    /* background-color: #b0b0b0; */
    background: url(http://43.139.230.42:8001/picture/3);
    background-size: 237px 230px;
}

.wishbox_li_tn svg,
.del_wishbox_li_tn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wishbox_li_b,
.del_wishbox_li_b {
    margin-top: 5px;
}

.wishbox_li_b_t,
.del_wishbox_li_b_t {
    font-size: 16px;
    color: #222;
    font-weight: 700;
}

.wishbox_li_b_b,
.del_wishbox_li_b_b {
    font-size: 14px;
    color: #7e7e7e;
}

.wishcreate {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 273px;
    border-radius: 10px;
    background-color: #fff;
    z-index: 22;
}

.wishcreate_m {
    height: 128px;
    padding: 24px;
}

.wishcreate_m_name {
    position: absolute;
    top: 14px;
    left: 12px;
    font-size: 16px;
    color: #717171;
    transition: all 0.5s;
    /* transform: scale(0.9) translate(10px 10px); */
}

.wishcreate_m_t {
    position: relative;
    width: 520px;
    height: 56px;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    box-sizing: border-box;
}

.wishcreate_m_t input {
    width: 494px;
    height: 20.5px;
    margin: 26px 12px 6px;
}

.wishcreate_m_b {
    margin-top: 5px;
    color: #717171;
}

.wishcreate_b {
    height: 81px;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
}

.wishcreate_b_l {
    width: 52px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    border-radius: 7px;
    transition: background-color .3s;
    cursor: pointer;
}

.wishcreate_b_l:hover {
    background-color: #f5f5f5;
}

.wishcreate_b_r {
    width: 80px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    background-color: #222;
    cursor: pointer;
}

.wishmain {
    padding-top: 100px;
}

.wishmain h2 {
    height: 36px;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 700;
    color: #222;
}

.del_wishbox_li {
    position: relative;
    float: left;
    width: 285px;
    height: 360px;
}

.del_wishbox_li:hover .wishbox_li_m_close {
    opacity: 1;
}

.wishbox_li_m_close:hover {
    transform: scale(1.04);
}

.wishbox_li_m_close {
    position: relative;
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 2;
    transition: opacity .2s;
    transition: transform .2s;
}

.delete_wish_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 32px;
    height: 32px;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
}

.wishbox_li_m_close button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.del_wishbox_li:nth-child(4n) {
    margin-right: 0;
}

.del_wishbox_li_t {
    width: 288px;
    height: 274px;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.del_wishbox_li_tn {
    position: relative;
    width: 278px;
    height: 264px;
    border-radius: 10px;
    /* background-color: #b0b0b0; */
    background-size: 278px 264px
}

.del_wishbox_li_tn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.del_wishbox_li_b {
    margin-top: 10px;
}

.del_wishbox_li_b_t {
    font-size: 18px;
    color: #222;
    font-weight: 700;
}

.del_wishbox_li_b_b {
    font-size: 16px;
    color: #7e7e7e;
}



/* 心愿单页面 */
.delete_wish {
    position: relative;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 325px;
    height: 257px;
    border-radius: 12px;
    background-color: #fff;
    z-index: 21;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

.delete_wish_close {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
}

.delete_wish_close button {
    background-color: #fff;
}

.delete_wish_close:hover {
    background-color: #f7f7f7;
}

.delete_wish_close_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
}

.delete_wish_t {
    width: 325px;
    height: 176px;
    padding: 0 24px 8px;
    border-bottom: 1px solid #ebebeb;
}

.delete_wish_t_t {
    width: 277px;
    height: 92px;
    text-align: center;
    padding: 68px 8px 0;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

.delete_wish_t_b {
    width: 261px;
    height: 20px;
    margin: 8px 8px 48px;
    text-align: center;
    font-size: 16px;
    color: #717171;
}

.delete_wish_b {
    display: flex;
    justify-content: space-between;
    width: 325px;
    height: 81px;
    padding: 16px 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.delete_wish_b_l {
    width: 52px;
    height: 49px;
    line-height: 49px;
    color: #222;
    text-decoration: underline;
    cursor: pointer;
}

.delete_wish_b_r {
    width: 80px;
    height: 49px;
    line-height: 49px;
    color: #fff;
    border-radius: 8px;
    background-color: #222;
    cursor: pointer;
}



/* 修改心愿单 */
.delcha_whish {
    position: relative;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 376px;
    height: 210px;
    border-radius: 12px;
    background-color: #fff;
    z-index: 21;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

.delcha_whish_t {
    width: 376px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #222;
    font-size: 16px;
    font-weight: 700;
}

.delcha_whish_b {
    width: 376px;
    height: 146px;
    padding: 0 24px 8px;
}

.delcha_whish_b_t,
.delcha_whish_b_b {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 69px;
    color: #222;
}

.delcha_whish_b_t_mask,
.delcha_whish_b_b_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 69px;
    background-color: transparent;
    z-index: 22;
    cursor: pointer;
}

.delcha_whish_b_t>div:nth-child(2),
.delcha_whish_b_b>div:nth-child(2) {
    display: flex;
    align-items: center;
}

.delcha_whish_b_t>div:nth-child(2) span,
.delcha_whish_b_b>div:nth-child(2) span {
    margin-left: 15px;
}

.change_wish {
    position: relative;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 376px;
    height: 269px;
    border-radius: 12px;
    background-color: #fff;
    z-index: 21;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}




/* 个人资料 */
.lodger {
    padding: 100px 50px 0;
    display: flex;
    justify-content: space-between;
    color: #222;
}

.lodger_l {
    width: 342px;
    height: 550px;
    font-weight: 700;
}

.lodger_l_t {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 342px;
    height: 240px;
    padding: 30px 24px 20px;
    border-radius: 24px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.lodger_img {
    width: 104px;
    height: 104px;
    border-radius: 52px;
    overflow: hidden;
}

.lodger_img img {
    width: 104px;
    height: 104px;
}

.lodger_name {
    width: 153px;
    height: 44px;
    line-height: 44px;
    margin: 10px 0 5px;
    text-align: center;
    font-size: 32px;
    cursor: pointer;
}

.lodger_l_b_t_span {
    cursor: pointer;
}

.lodger_l_t>div:nth-child(3) {
    font-size: 14px;
}

.lodger_l_b {
    width: 342px;
    height: 270px;
    padding: 32px 24px;
    margin-top: 40px;
    border-radius: 24px;
    border: 1px solid #ddd;
}

.lodger_l_b_t {
    height: 210px;
}

.lodger_l_b_t>div:nth-child(n+2) {
    display: flex;
    margin-top: 20px;
}

.lodger_l_b_t>div:nth-child(n+2) svg {
    margin-right: 15px;
}

.lodger_l_b_b div:nth-child(3) {
    font-size: 16px;
    width: 112px;
    height: 48px;
    margin-top: 25px;
    border-radius: 10px;
    border: 1px solid #222;
    line-height: 48px;
    text-align: center;
}

.report {
    display: flex;
    height: 30px;
    margin-top: 20px;
}

.report svg {
    margin-top: 5px;
}

.report span {
    margin-left: 10px;
    font-size: 16px;
    text-decoration: underline;
}

.lodger_r {
    width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lodger_r_m {
    width: 330px;
    height: 267px;
    padding-top: 40px;
    border-top: 1px solid #ddd;
}

.lodger_r_m div:nth-child(1) {
    font-size: 22px;
    font-weight: 700;
    color: #222;
}

.lodger_r_m div:nth-child(2) {
    margin: 15px 0 25px;
    font-size: 14px;
    color: #717171;
}

.lodger_r_m div:nth-child(3) {
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: -webkit-linear-gradient(left, #e61e4e, #d70664);
    cursor: pointer;
}

.lodger_gain {
    width: 800px;
    column-rule: #222;
    font-weight: 700;
}

.lodger_gain h2 {
    font-size: 24px;
    margin-top: 30px;
    cursor: pointer;
}

.gain_editor {
    width: 120px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 40px;
    font-size: 14px;
    border: 1px solid #222;
    border-radius: 10px;
}

.gain_profile {
    margin-top: 50px;
}

.gain_profile div:nth-child(1) {
    margin: 10px 0 20px 0;
}

.gain_profile div:nth-child(2) {
    padding: 15px 20px;
    border: 1px dotted #222;
    border-radius: 10px;
}

.lodger_gain .gain_ul li {
    margin: 20px 0;
}

.lodger_gain .gain_ul li div {
    position: relative;
    width: 666px;
    padding-left: 50px;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
}

.lodger_gain .gain_ul li div svg {
    position: absolute;
    top: 0;
    left: 0;
}

.lodger_gain .gain_ul li div span {
    word-wrap: break-word;
    /* 允许单词内换行 */
    overflow-wrap: break-word;
    /* 允许单词内换行（兼容性更好的写法） */
    max-width: 100%;
    /* 确保 span 不超过父元素的宽度 */
}

.editorbody {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    padding-top: 110px;
    margin: 0 auto;
}

.editorbody_l {
    position: relative;
    width: 214px;
    height: 214px;
    margin-top: 15px;
}

.editorbody_l img {
    width: 214px;
    height: 214px;
    border-radius: 107px;
}

.camera {
    position: relative;
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    width: 84px;
    height: 36px;
    padding: 7px 17px;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    border-radius: 18px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.camera input {
    position: absolute;
    top: 0;
    left: 0;
    width: 84px;
    height: 36px;
    opacity: 0;
}

.camera svg {
    margin: 3px 5px 0 0;
}

.editorbody_r {
    width: 800px;
}

.editorbody_r h2 {
    margin-bottom: 15px;
    font-size: 32px;
    color: #222;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 两列等宽 */
    grid-gap: 0px;
    /* 网格单元格之间的间隔 */
    /* align-items: center; */
}

.grid-item {
    padding: 20px 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 345px;
    font-size: 16px;
    color: #222;
    /* background-color: #f7f7f7; */
    border-radius: 8px;
}

.grid-item-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 345px;
    height: 100%;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
}

.grid-item:hover {
    background-color: #f7f7f7;
}

.grid-item::after {
    content: '';
    width: 320px;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #ddd;
}

.grid-item>div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grid-item svg {
    width: 24px;
    height: 24px;
}

.grid-item div div {
    width: 300px;
    padding-left: 14px;
}

.personal_profile {
    margin-top: 50px;
    height: 190px;
    color: #222;
    border-bottom: 1px solid #ddd;
}

.personal_profile>div:nth-child(2) {
    /* height: 98px; */
    padding: 22px 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px dotted #222;
}

.complete {
    float: right;
    width: 80px;
    height: 48px;
    margin-top: 20px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    background-color: #222;
    cursor: pointer;
}



/* 房东资料 */
.landlord_evaluate {
    position: relative;
    height: 420px;
    margin: 50px 0;
}

.evaluate_m {
    width: 800px;
    height: 280px;
    position: relative;
    overflow: hidden;
}

.evaluate_m ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 6000px;
    height: 280px;
    z-index: 3;
}

.evaluate_m ul li {
    float: left;
    width: 394px;
    height: 250px;
    padding: 20px;
    margin: 0 10px 25px 0;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.evaluate_m ul li>div:nth-child(1) {
    width: 352px;
    height: 144px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制在一个块元素显示的文本的行数*/
    -webkit-line-clamp: 6;
    /* 设置或检索伸缩盒对象的子元素的排列方式*/
    -webkit-box-orient: vertical;
}

.evaluate_peo {
    height: 48px;
}

.evaluate_peo img {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    border-radius: 24px;
}

.evaluate_name {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #222;
}

.evaluate_time {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #717171;
}

.all_evaluate {
    width: 183px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    border: 1px solid #222;
    border-radius: 10px;
}

.evaluate_left,
.evaluate_right {
    position: absolute;
    top: 45px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #ddd;
    border: 1px solid #ddd;
    border-radius: 16px;
    cursor: pointer;
}

.evaluate_left,
.resource_left {
    right: 40px;
}

.landlord_resource {
    position: relative;
}

.resource_m {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.resource_m ul {
    width: 1000px;
    position: absolute;
    top: 0;
    left: 0;
}

.resource_m ul li {
    position: relative;
    float: left;
    width: 240px;
    height: 276px;
    margin-right: 39px;
    font-size: 14px;
}

.resource_m ul li img {
    width: 240px;
    height: 224px;
    margin-bottom: 5px;
    border-radius: 10px;
}

.resource_title {
    width: 180px;
    font-weight: 700;
    color: #222;
}

.resource_introduce {
    width: 200px;
    color: #717171;
    font-weight: normal;
}



/* 订单页面 */
.order_page {
    width: 1300px;
    padding-top: 130px;
    margin: 0 auto;
    color: #222;
}

.order_page_t {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order_page_t_l {
    font-size: 32px;
    font-weight: 700;
    cursor: pointer;
}

.order_page_t_r {
    width: 116px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #222;
    border-radius: 5px;
    cursor: pointer;
}

.order_page_b {
    margin: 30px 0 20px;
}

.order_page_b_l {
    font-size: 26px;
    font-weight: 700;
}

.order_page_b_r {
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}

.order_ul {
    height: 60px;
}

.order_ul li {
    float: left;
    padding: 8px 16px;
    margin-right: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 20px;
    cursor: pointer;
}

.order_ul .order_current {
    border: 1px solid #222;
}

.order_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1300px;
    height: 200px;
    border-radius: 10px;
    background-color: #f7f7f7;
}

.order_thing {
    position: relative;
}

.order_thing>div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    width: 1300px;
    margin-bottom: 30px;
}

.order_thing>div:nth-child(1) {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
}

.order_thing table {
    width: 400px;
    border-collapse: collapse;

}

.order_thing thead th {
    background-color: #f2f2f2;
    text-align: left;
    padding: 10px;
    font-size: 20px;
}

.order_thing tbody td {
    max-width: 180px;
    height: 42px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.order_thing tbody tr:hover {
    background-color: #f9f9f9;
}

.order_thing tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.order_ping div {
    width: 100px;
    height: 40px;
    margin: 10px auto;
    line-height: 38px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border: 1px solid #222;
    border-radius: 5px;
    background-color: #222;
    cursor: pointer;
}

.order_content div {
    width: 380px !important;
    height: 300px !important;
    padding: 10px;
    white-space: wrap;
    font-size: 14px;
    color: #222;
    overflow: auto;
}

/* 弹出评论 */
.pop_review {
    position: relative;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 400px;
    height: 380px;
    padding: 20px 0 50px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 10;
}

.pop_review .textbox {
    width: 350px;
    height: 200px;
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #222;
    border-radius: 10px;
}

.pop_review .textbox textarea {
    resize: none;
}

.pop_stars {
    width: 350px;
    display: flex;
    justify-content: space-around;
}

.pop_publish {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background-color: #222;
    border-radius: 5px;
    cursor: pointer;
}

.pop_close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}




/* 心愿详情页 */
.wishdetail {
    padding-top: 120px;
}

.wishdetail_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    color: #222;
}

.wishdetail_nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 24px;
}

.wishdetail_nav button:hover {
    background-color: #f7f7f7;
}

.wishdetail_name {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
}

.wishdetail_addman {
    width: 90px;
    height: 40px;
    padding: 8px 16px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 20px;
    cursor: pointer;
}

.wishdetail_li {
    width: 250px;
    /* height: 340px; */
    margin: 0 32px 30px 0;
}

.wishdetail_li_t {
    width: 250px;
    height: 250px;
}

.wishdetail_li_tn {
    width: 240px;
    height: 240px;
    background-size: 240px 240px;
}

.wishdetail_li:nth-child(4n) {
    margin: 0 32px 30px 0;
}

.wishdetail_li:nth-child(5n) {
    margin: 0 0 30px 0;
}

.wishdetail_love {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
}

.del_wishbox_stars {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 14px;
    color: #222;
}

.del_wishbox_star {
    margin-left: 5px;
}

.add_remarks {
    /* display: none; */
    margin-top: 10px;
    font-size: 15px;
    color: #717171;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
}

.add_remarkss {
    display: none;
    padding: 12px;
    margin-top: 10px;
    font-size: 14px;
    color: #717171;
    border-radius: 12px;
    background-color: #f7f7f7;
    cursor: pointer;
}

.add_remarkss span:nth-child(2) {
    font-weight: 700;
    text-decoration: underline;
}

.empty_wishdetail {
    color: #222;
}

.empty_wishdetail_t {
    font-size: 22px;
    margin-bottom: 15px;
}

.empty_wishdetail_b {
    font-size: 14px;
}

.add_remarkbox {
    position: relative;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 780px;
    height: 552px;
    border-radius: 12px;
    background-color: #fff;
    z-index: 21;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

.add_remarkbox_t {
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    border-bottom: 1px solid #ebebeb;
}

.add_remarkbox_m {
    display: flex;
    justify-content: space-between;
    width: 780px;
    height: 408px;
    padding: 40px;
    border-bottom: 1px solid #ebebeb;
}

.add_remarkbox_m_l {
    width: 345px;
    height: 327px;
    border-radius: 10px;
    overflow: hidden;
}

.add_remarkbox_m_l img {
    width: 345px;
    height: 327px;
}

.add_remarkbox_m_r {
    position: relative;
    width: 315px;
    height: 327px;
}

.add_remarkbox_m_title {
    width: 250px;
    font-size: 15px;
    font-weight: 700;
    color: #222;
}

.add_remarkbox_m_content {
    font-size: 15px;
    color: #717171;
}

.add_remarkbox_m_star {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    color: #222;
}

.add_remarkbox_m_add {
    margin-top: 15px;
}

.wishcreate_m_t {
    width: 315px;
    height: 245px;
    padding: 8px;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
}

.wishcreate_m_t textarea {
    width: 299px;
    height: 229px;
    resize: none;
    font-size: 16px;
}

.add_remarkbox_b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 16px 24px;
}

.add_remarkbox_b_b_l {
    width: 52px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    border-radius: 10px;
    cursor: pointer;
}

.add_remarkbox_b_b_l:hover {
    background-color: #f7f7f7;
}

.add_remarkbox_b_b_r {
    width: 80px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    color: #fff;
    background-color: #ddd;
    cursor: pointer;
}




/* 编辑个人资料 */
.editorbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 568px;
    height: 359px;
    border-radius: 12px;
    background-color: #fff;
    z-index: 21;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

.editorbox_t {
    height: 64px;
}

.editorbox_m {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 214px;
    padding: 12px 24px 24px;
}

.editorbox_mt>div:nth-child(1) {
    font-size: 26px;
    font-weight: 700;
    color: #222;
}

.editorbox_mt>div:nth-child(2) {
    font-size: 16px;
    color: #717171;
}

.editorbox_m_name {
    position: absolute;
    top: 14px;
    left: 12px;
    font-size: 16px;
    color: #717171;
    transition: all 0.5s;
    /* transform: scale(0.9) translate(10px 10px); */
}

.editorbox_m_t {
    position: relative;
    width: 520px;
    height: 53px;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    box-sizing: border-box;
}

.editorbox_m_t input {
    position: absolute;
    top: 0;
    left: 0;
    width: 494px;
    height: 26px;
    margin: 20px 12px 6px;
    background-color: transparent;
    z-index: 2;
}

.editorbox_b {
    height: 81px;
    padding: 16px 24px;
    border-top: 1px solid #ebebeb;
}

.editorbox_save {
    float: right;
    width: 80px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #222;
    border-radius: 8px;
    cursor: pointer;
}

.personalbox_m_t {
    height: 151px;
    padding: 10px;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    box-sizing: border-box;
}

.personalbox_m_t textarea {
    width: 500px;
    height: 131px;
    font-size: 16px;
    resize: none;
}

.editormask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 8;
}

.editor_wish {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 100px;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
}

.editor_wish:hover {
    background-color: #f7f7f7;
}





/* 发布房源 */
.publish_b {
    position: fixed;
    bottom: 0;
    height: 85px;
}

.publish_bbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1400px;
    height: 80px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 700;
    background-color: #fff;
}

.publish_bbox_l {
    width: 52px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222;
    text-decoration: underline;
    cursor: pointer;
}

.publish_bbox_r {
    width: 112px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background-color: #222;
    border-radius: 8px;
    cursor: pointer;
}

.publish {
    height: 620px;
    padding: 120px 100px 0;
}

.first_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222;
}

.first_l {
    width: 550px;
    height: 200px;
}

.first_l_t {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.first_l_m {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px;
}

.first_l_b {
    font-size: 18px;
}

.first_r {
    position: relative;
    width: 520px;
    height: 520px;
}

.first_r video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.progress_bar {
    display: flex;
}

.progress_bar div {
    width: 460px;
    height: 6px;
    margin-right: 10px;
    background-color: #ddd;
}

.progress_bar_l {
    display: flex;
    overflow: hidden;
}

.progress_bar_l .progress_bar_l_box {
    opacity: 0;
    background-color: #222;
    margin-right: 0;

    transition: transform 1s;
    /* transition: opacity 1s; */
}

.slide-out {
    transform: translateX(-100%) !important;
    opacity: 0 !important;
}

.slide-in {
    transform: translateX(0) !important;
    opacity: 1 !important;
}



.progress_bar_r {
    margin-right: 0;
}

.first_houseTypeid {
    width: 640px;
    margin: 0 auto;
}

.houseTypeid_t {
    font-size: 32px;
    height: 80px;
    text-align: center;
    font-weight: 700;
    color: #222;
}

.houseTypeid_b ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    width: 202px;
    height: 99px;
    padding: 16px;
    margin: 0 17px 17px 0;
    border-radius: 8px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.add_houselabel {
    margin: 0 0 17px 0;
}

.houseTypeid_b ul li:nth-child(3n) {
    margin: 0 0 17px 0;
}

.houseTypeid_b ul li img {
    width: 30px;
    height: 30px;
}

.houseTypeid_b ul li span {
    font-size: 16px;
    color: #222;
    font-weight: 700;
}

.houseTypeid_b ul li svg {
    width: 30px;
    height: 30px;
}

.first_tenant,
.second_name {
    width: 640px;
    margin: 0 auto;
}

.first_tenant>div:nth-child(1),
.second_name>div:nth-child(1) {
    margin-bottom: 6px;
    font-size: 32px;
    color: #222;
    font-weight: 700;
}

.first_tenant>div:nth-child(2),
.second_name>div:nth-child(2) {
    margin-bottom: 20px;
    font-size: 18px;
    color: #717171;
}

.first_tenant .renshu {
    width: 640px;
}

.first_tenant .renshu>div:nth-child(2) {
    margin-right: 0;
}

.pub_current {
    border: 2px solid #222 !important;
}

.uploadBtn {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #222;
    border-radius: 8px;
    animation-name: publish_li;
    animation-duration: 600ms;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

.houseTypeid_m ul li {
    float: left;
    width: 310px;
    height: 250px;
    margin: 0 20px 20px 0;
    border-radius: 10px;
    overflow: hidden;
}

.houseTypeid_m ul li:nth-child(2n) {
    margin: 0 0 20px 0;
}

.houseTypeid_m ul li img {
    width: 310px;
    height: 250px;
}